@charset "utf-8";
* { margin: 0; padding: 0; list-style: none; border: 0; }
body { width: 100%; margin: 0 auto;font-family:Microsoft YaHei; }
a{text-decoration: none !important;color:#333;}
.body{ position: relative;overflow:hidden;}
.banner{width:100%;}
ul.DB_bgSet{margin:0px;}
/*banner*/
.DB_tab25 {width:100%;height:813px;position:relative;overflow:hidden}
.DB_tab25 .DB_bgSet{position:relative;}
.DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:813px;display:none}
.DB_tab25 .DB_imgSet{position:absolute;width:1200px;left:50%;margin-left:-500px;}
.DB_tab25 .DB_imgSet .DB_1_1{position:absolute;left:0px !important;top:150px !important;}
.DB_tab25 .DB_imgSet .DB_1_2{position:absolute;left:0px !important;top:240px !important;}
.DB_tab25 .DB_imgSet .DB_1_3{position:absolute;left:0px !important;top:300px !important;}
.DB_tab25 .DB_imgSet .DB_1_4{position:absolute;left:0px !important;top:340px !important;}
.DB_tab25 .DB_menuWrap{position:absolute;width:1200px;left:50%;margin-left:-500px;}
.DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:260px;text-align:center;font-size:0}
.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline}
.DB_tab25 .DB_prev{position:absolute;left:-20%;top:240px;cursor:pointer;display:none}
.DB_tab25 .DB_next{position:absolute;right:-3%;top:240px;cursor:pointer;display:none}
.DB_bgSet li{background-size:100% !important;;}
.bannerall{position: relative;clear:both;}
.bannerfooter{width: 100%;
position: absolute;
height: 75px;
background: url(../images/banner-bar.png) no-repeat center top;
left: 0;
bottom: 0px;
z-index: 2;}
.banfcon{
width: 88%;
max-width: 1200px;
margin: 0 auto;
position: relative;
}
.ssgs{
width: 30%;
height: 75px;
float: left;
background-color: #fff;
}
.tzgg{width: 67%;
float: right;
margin-left: 3%;}
.tzgg-module{}
.tzgg-module-title{font-size:16px;color:#fff;font-weight:bold;background:url(../images/xs.png) no-repeat 70px 5px;margin-top:17px;}
.tzgg-module-con{ margin-top: 10px;}
.tzgg-item{font-size:14px;}
.tzgg-item-date{float:left;color:#305991;width:100px;}
.tzgg-item-title{float:left;}
.tzgg-item-title a{color:#fff;}
/*gp*/
.gpleft{float: left;
width: 125px;
font-size: 48px;
line-height: 75px;}
.gpright{float: left;
width: 160px;
margin-top: 17px;
margin-left: 5px;
}
.xs{font-size: 14px;background:url(../images/xs.png) no-repeat 90px 5px;}
.zs{ font-size: 16px;
font-weight: bold;
margin-top: 6px;
color: #18569f;}
.zyyw{
width:100%;
background:url(../images/zyyw.jpg) no-repeat center bottom ;
height:885px;
overflow: hidden;
}
.zyywcon{width:1200px;margin:auto;}
.zyyw-all{margin-top: 45px;position: relative;}
.zyyw-title p.ch{font-size:36px;color:#000;line-height: 36px;}
.zyyw-title p.en{font-size:36px;color:#ccc;font-family:Arial;line-height: 36px;}
.zyyw-more{ font-size: 16px;
background: url(../images/more.png) no-repeat right 5px;
position: absolute;
right: 0;
top: 35px;
color:#999;
}
.yw-module{}
.yw-module-content{}
.yw-item{width:272px;height:245px;float:left;margin-right:37px;margin-top:28px; position:relative;transition: all 0.5s;
}
.yw-item:hover {-moz-box-shadow: 0px 5px 20px #888888; /* �ϵ� Firefox */
box-shadow: 0px 5px 20px #888888;top:-10px;}
.yw-item-index{font-size:18px;font-family:Arial;color:#ccc;
padding: 30px 30px 0 0;text-align: right;}
.yw-item-title{font-size:22px; padding-left: 30px;
padding-top: 15px;}
.yw-item-sum{ padding: 25px 30px;
font-size: 14px;
line-height: 24px;}
.yw-irem-more{
padding-left: 30px;
font-size: 16px;
}
.yw-item1{background:url(../images/yw1.png) no-repeat;}
.yw-item2{background:url(../images/yw2.png) no-repeat;}
.yw-item3{background:url(../images/yw3.png) no-repeat;}
.yw-item4{background:url(../images/yw4.png) no-repeat;margin-right:0;}
.yw-item5{background:url(../images/yw5.png) no-repeat;}
.yw-item6{background:url(../images/yw6.png) no-repeat;}
.yw-item7{background:url(../images/yw7.png) no-repeat;}
.yw-item8{background:url(../images/yw8.png) no-repeat;margin-right:0;}
.yw-item1 a,.yw-item3 a,.yw-item6 a,.yw-item8 a,.yw-item1 .yw-more a,.yw-item3 .yw-more a,.yw-item6 .yw-more a,.yw-item8 .yw-more a{color:#333;}
.yw-item2 a,.yw-item4 a,.yw-item5 a,.yw-item7 a,.yw-item2 .yw-more a,.yw-item4 .yw-more a,.yw-item5 .yw-more a,.yw-item7 .yw-more a,.yw-item2 .yw-item-sum,.yw-item4 .yw-item-sum,.yw-item5 .yw-item-sum,.yw-item7 .yw-item-sum{color:#fff;}
/*pic-news*/
.news{
width:100%;
background:url(../images/news.jpg) no-repeat center bottom ;
height:866px;
}
.news-con{width:1200px;margin:auto; position: relative;}
.i-news-item{width:100%;padding-top: 96px;}
.i-news-itemall{width:536px;height:330px;background-color:#fff;overflow:hidden;}
.i-news-item-date{margin:45px 0 0 56px;color:#18569f;font-size:36px;font-family:Arial;font-weight:bold;line-height: 36px;}
.i-news-item-title{font-size: 16px;
line-height: 26px;
margin: 10px 0 10px 55px;font-weight:bold;}
.i-news-item-title a{color:#333;}
.i-news-item-sum{font-size: 14px;color:#666666;width:433px;margin:10px 0 0 55px; line-height: 26px;
text-align: justify;}
.i-news-item-more{margin: 25px 0 0 55px;}
.i-news-item-pic{width: 664px;
height: 406px;
position: absolute;
top: 36px;
right: 0;
overflow: hidden;
background:url(../images/314.png) no-repeat;background-size:cover;
}
.i-news-item-pic img{width:100%;height:100%;transition: all 0.8s;}
.i-news{ padding-top: 15px;}
.i-news-content{}
.i-news-nav{position: absolute;
top: 55px;
left: 440px;
}
.i-news-page{width:11px;height:11px;background:url(../images/pic-item.png) no-repeat;display:inline-block;margin-right:5px;}
.i-news-page-active{background:url(../images/pic-active.png) no-repeat;}
.i-news-item:hover .i-news-item-pic img{ transform: scale(1.1);}
/*text-news*/
.news-item{float:left;width:338px;margin-right:92px;}
.news-item-date{font-size:26px;font-family:Arial;font-weight:bold;line-height: 26px;color:#fff;}
.news-item-title{font-size:16px;font-weight:bold;margin:8px 0;}
.news-item-title a{color:#fff;}
.news-item-sum{font-size:14px;line-height:24px;color:#afb4bd;}
.news-item-more{margin-top:30px;}
.news-item3{margin-right:0;}
.news-module{margin-top:50px;}
.news-con-module{}
/*other*/
.other{margin-top:65px;}
.djgz{float:left;width:600px;}
.jjjc{float:left;width:600px;}
.djgz-module{ }
.djgz-pic{ width: 300px;
float: left;
height: 250px;
}
.djgz-con{ width: 300px;
float: left;
background-color: #fff;
height: 250px;
position: relative;
}
.djgz-module-title{font-size:22px;font-weight:bold;margin:30px 0 0 20px;color:#18569f;}
.djgz-con-module{margin-top: 20px;}
.djgz-module-more{background: url(../images/djmoreitem.png) no-repeat right;
width: 60px;
float: right;
margin-right: 30px;
margin-top: 20px;}
.djgz-module-more a{color:#666;}
.djgz-item{margin-left: 20px;}
.djgz-item-title{font-size:14px;line-height:30px;background:url(../images/dian.png) no-repeat left;padding-left: 10px;}
.djgz-item-title a{color:#666;}
.djgz-module:hover .djgz-module-title,.djgz-module:hover .djgz-item-title a,.djgz-module:hover .djgz-module-more a{color:#fff;}
.djgz-module:hover .djgz-item-title{background:url(../images/dianitem.png) no-repeat left;}
.djgz-module:hover .djgz-module-more{background: url(../images/djmore.png) no-repeat right;}
/*zuosanjiao*/
.djgz-con:after, .djgz-con:before {
border: solid transparent;
content: ' ';
height: 0;
position: absolute;
width: 0;
}
.djgz-con:after {
border-width: 10px;
border-right-color: #fff;
top: 20px;
left: -22px;
}
.djgz-con:before {
border-width: 12px;
border-right-color: #fff;
top: 18px;
left: -24px;
}
.djgz-module:hover .djgz-con{
background-color: #18569f;
}
.djgz-module:hover .djgz-con:after{border-right-color: #18569f;}
.djgz-module:hover .djgz-con:before{border-right-color: #18569f;}
.ghgz-module{ }
.ghgz-pic{ width: 300px;
float: right;
height: 250px;
}
.ghgz-pic img{width:100%;}
.ghgz-con{ width: 300px;
float: left;
background-color: #fff;
height: 250px;
position: relative;
}
.ghgz-module-title{font-size:22px;font-weight:bold;margin:30px 0 0 20px;color:#18569f;}
.ghgz-con-module{margin-top: 20px;}
.ghgz-module-more{background: url(../images/djmoreitem.png) no-repeat right;
width: 60px;
float: right;
margin-right: 30px;
margin-top: 20px;}
.ghgz-module-more a{color:#666;}
.ghgz-item{margin-left: 20px;}
.ghgz-item-title{font-size:14px;line-height:30px;background:url(../images/dian.png) no-repeat left;padding-left: 10px;}
.ghgz-item-title a{color:#666;}
.ghgz-module:hover .ghgz-module-title,.ghgz-module:hover .ghgz-item-title a,.ghgz-module:hover .ghgz-module-more a{color:#fff;}
.ghgz-module:hover .ghgz-item-title{background:url(../images/dianitem.png) no-repeat left;}
.ghgz-module:hover .ghgz-module-more{background: url(../images/djmore.png) no-repeat right;}
/*yousanjiao*/
.ghgz-con:after, .ghgz-con:before {
border: solid transparent;
content: ' ';
height: 0;
left:100%;
position: absolute;
width: 0;
}
.ghgz-con:after {
border-width: 10px;
border-left-color: #fff;
top: 20px;
}
.ghgz-con:before {
border-width: 12px;
border-left-color: #fff;
top: 18px;
}
.ghgz-module:hover .ghgz-con{
background-color: #18569f;
}
.ghgz-module:hover .ghgz-con:after{border-left-color: #18569f;}
.ghgz-module:hover .ghgz-con:before{border-left-color: #18569f;}
.about{width:100%;background:url(../images/about.jpg) no-repeat center bottom;height:636px; margin-top: 204px;overflow:hidden;}
.aboutcon{width:1200px;margin:auto;}
.abouta{font-size:36px;font-weight:bold;line-height:56px;color:#fff;margin-top:100px;}
.aboutb{font-size:14px;line-height:26px;color:#fff;margin-top:35px;display:block;width:750px;}
/*about keyframes*/
.aboutanimate{position: relative;margin-top: 48px;}
.num1,.num2,.num3{position: absolute;color:#fff;}
.counter-value{font-size:36px;font-familly:Arial;}
.num1{top: 54px;
left: 20px;}
.num2{ top: 54px;
left: 235px;}
.num3{ top: 54px;
left: 430px;}
.moreabout{ margin-top: 225px;
color: #fff;
font-size: 16px;
background:url("../images/aboutmore.png") no-repeat right;
width: 140px;
height: 40px;
line-height: 40px;
}
.w{
width: 130px;
height: 130px;
position: relative;
border: 10px solid #ccc;
border-radius: 50%;
float: left;
margin-right: 50px;
}
.wrapper {
width: 150px;
height: 150px;
position: absolute;
clip: rect(0px, 150px, 150px, 75px);
border-radius: 50%;
left: -10px;
top: -10px;
}
.num{
position: absolute;top: 35px;left: 35px;
}
.circle {
width: 130px;
height: 130px;
border: 10px solid #2172d1;
border-radius: 75px;
position: absolute;
clip: rect(0px, 75px, 150px, 0px);
}
.circle2 {
width: 130px;
height: 130px;
border: 10px solid #2172d1;
border-radius: 75px;
position: absolute;
clip: rect(0px, 75px, 150px, 0px);
}
div[data-anim~=base] {
-webkit-animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
-webkit-animation-timing-function: linear;
}
.wrapper[data-anim~=wrapper] {
-webkit-animation-duration: 0.01s;
-webkit-animation-delay: 3s;
-webkit-animation-name: close-wrapper;
}
.circle2[data-anim~=left] {
-webkit-animation-duration: 6s;
-webkit-animation-name: left-spin;
}
.circle[data-anim~=right] {
-webkit-animation-duration: 3s;
-webkit-animation-name: right-spin;
}
@-webkit-keyframes right-spin {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(180deg);
}
}
@-webkit-keyframes left-spin {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@-webkit-keyframes close-wrapper {
to {
clip: rect(auto, auto, auto, auto);
}
}
/*1600*/
@media screen and (min-width: 1600px) and (max-width: 1919px){
.DB_tab25{height:657px;}
.DB_tab25 .DB_bgSet li{height:657px;}
}
/*1366*/
@media screen and (min-width: 1366px) and (max-width: 1599px){
.DB_tab25{height:576px;}
.DB_tab25 .DB_bgSet li{height:576px;}
}
.bannerfooter{ background: rgba(0,0,0,.5);}
.ssgs#dnn_ssgsPane{ display: none;}
.tzgg{ width: auto; float: none; margin-left: 0;}
.index-news-desc{
overflow: hidden;
display: -webkit-box;
line-clamp: 4;
-webkit-line-clamp: 4;
box-orient: vertical;
-webkit-box-orient: vertical;
}